<template>
  <div class="wrapper">
    <ul class="content">
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
      <li>nihhao</li>
    </ul>
  </div>
</template>

<script>
import BScroll from "better-scroll"
export default {
  name:'Category',
  data(){
    return {
      scroll:null
    }
  },
  mounted(){
    let wrapper = document.querySelector('.wrapper')
    this.scroll = new BScroll(wrapper)
  }
}
</script>

<style scoped>
  .wrapper{
    height: 200px;
    background-color: rgb(223, 99, 120);
    overflow: hidden;
  }
</style>